@import "config.less";
/*
 * ============================代码开始============================
 * */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0}
html {color: @txtColorMain;overflow-y: scoll;overflow: -moz-scrollbars-vertical}
body, button, input, select, textarea {font-size: @txtSizeMain;font-family:@fontFamily}
h1, h2, h3, h4, h5, h6, button, input, select, textarea {font-size: 100%}
input{vertical-align: middle}
em {font-style: normal}
small {font-size: @txtSizeSub}
ul, ol ,li{list-style: none}
a {text-decoration: none}
a:hover {text-decoration: none}
legend {color: @txtColorMain}
fieldset, img {border: 0}
table {border-collapse: collapse;border-spacing: 0}
img {-ms-interpolation-mode: bicubic}
textarea {resize: vertical}
label, button, a {cursor: pointer}
input[type=submit]{-webkit-appearance:none}
input{ border: none;}
a{color: @txtColorMain;}
/*Public Style*/
.left {float: left}
.right {float: right}
.overflow {overflow: hidden}
.hide {display: none}
.block {display: block}
.inline {display: inline}
.clearfix:after {content: '\20';display: block;height: 0;clear: both}
.clearfix {zoom: 1}
.clear {clear: both;height: 0;line-height: 0;font-size: 0;visibility: hidden;overflow: hidden}
.wordwrap {word-break: break-all;word-wrap: break-word}
pre.wordwrap {white-space: pre-wrap}
.elp{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*
 * ============================设置滚动条============================
 * */
//::-webkit-scrollbar {width: 4px;height: 4px; display: none !important;}
//::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: rgba(0, 0, 0, 0.1)}
//::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.2)}
//::-webkit-scrollbar-thumb:hover {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.4)}

/*
 * ============================ICON图标============================
 * */
.zui_icon{ display: inline-block; width: @iconSize; height: @iconSize; line-height: @iconSize; position: relative; left: 0; top:(@heightTitle - @iconSize)/4; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0 6px;}
.zui_icon_test{ background-image: url(../images/icon/icontest.png);}
.zui_icon_test2{ background-image: url(../images/icon/icontest2.png);}

/*
 * ============================模块标题样式============================
 * */
.zui_tit{
    height: @heightTitle; line-height: @lineHeightTitle; padding: 0 10px; background: @backColorTitle; border-bottom:1px solid @borderColorTitle;
    h3{
        font-size: 16px; color: @txtColorMain; font-weight: normal;
    }
    .txt_r{
        float: right; color: @txtColorSub; padding: 0 10px; font-size: @txtSizeSub;
        .zui_icon{
            margin: 0;
        }
    }
    a.txt_r{
        &:hover{
            color: @txtColorHover;
        }
    }
    ul{float: right;
        li{ 
            float: right;
            a{
                display: block; max-width: 80px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: @txtColorSub;padding: 0 5px;
                &:hover{
                    color: @txtColorHover;
                }
            }
            a.active{
                color: @txtColorHover;
            }
        }
    }
}
/*
 * ============================文字列表样式============================
 * */
.zui_txt_list{
    li{
        height: @heightTxtList; line-height: @lineHeightTxtList;border-bottom: 1px solid @borderColorTxtList;
        &:last-child{
            border-bottom: none;
        }
        a{
            display: block; padding: 0 10px;
            .txt{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
            .txt_l{
                float: left; padding-right:10px; color: @txtColorSub;
                .zui_icon{
                    margin: 0;
                }
            }
            .txt_r{ float: right; padding: 0 10px; font-size: @txtSizeSub; color: @txtColorSub;}
            &:hover{
                color: @txtColorHover;
                .txt_r{color: @txtColorHover;}
            }
            
        }
    }
}

/*
 * ============================卡片视图============================
 * */
.zui_card{
    position: relative;
    overflow: hidden;
    margin: @cardMargin;
    padding : @cardPadding;
    border-radius: @borderRadiusSize;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 1px 2px @cardShadow;
}
